<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
    \"http://www.w3.org/TR/html4/loose.dtd\">
<html>
    <head>
        <title>checkbox image View  Test</title>

<script type="text/javascript">

function sample() {
var theForm = document.nForm;

if (theForm.ch1.checked  && !theForm.ch2.checked && !theForm.ch3.checked) {  // ☑□□
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz1.gif";
}
if (theForm.ch1.checked  && theForm.ch2.checked  && !theForm.ch3.checked) {  // ☑☑□
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz2.gif";
}
if (theForm.ch1.checked  && theForm.ch2.checked  && theForm.ch3.checked)  {  // ☑☑☑
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz3.gif";
}
if (!theForm.ch1.checked && theForm.ch2.checked  && theForm.ch3.checked)  {  // □☑☑
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz4.gif";
}
if (!theForm.ch1.checked && !theForm.ch2.checked  && theForm.ch3.checked)  { // □□☑
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz5.gif";
}
if (theForm.ch1.checked  && !theForm.ch2.checked && theForm.ch3.checked)  {  // ☑□☑
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz6.gif";
}
if (!theForm.ch1.checked && theForm.ch2.checked  && !theForm.ch3.checked) {  // □☑□
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz7.gif";
}
if (!theForm.ch1.checked && !theForm.ch2.checked && !theForm.ch3.checked) {  // □□□
document.detailPhoto.src = "http://kiyoto777.web.fc2.com/test/gaz8.gif";
}
}
</script>
</head>
<body>
<img src="http://kiyoto777.web.fc2.com/test/gaz8.gif" name="detailPhoto" />

<form name="nForm">
<input value="" type="checkbox" name="ch1" id="ch1" onClick="sample()" />
<input value="" type="checkbox" name="ch2" id="ch2" onClick="sample()" />
<input value="" type="checkbox" name="ch3" id="ch3" onClick="sample()" />
</form>



<br><br><br><br>

</body>
</html>
